<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>内蒙古退役军人双创平台</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="css/list.css "/>
    <link rel="stylesheet" type="text/css" href="css/css.css "/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-table.min.css "/>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/ec.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>

    <div class="header">
  		<span>欢迎光临！您可以通过网站右上角搜索框查找您需要的信息</span>
  		<ul class="nav navbar-nav navbar-right">
	        <li><a href="#">注册 </a></li>
	        <li><a href="#" class="last">登录 </a></li>
	        <li>
	        	<form class="navbar-form navbar-right">
			        <div class="form-group">
			          <input type="text" class="form-control navbar-left" placeholder="搜索资讯、岗位、课程"/>
			          <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
			        </div>
			    </form> 
	        </li>
	      </ul>
  	</div>
   	<!--顶部导航栏结束-->
  	<!--导航栏开始-->
    <nav class="navbar navbar-default">
		  <div class="container-fluid">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <a class="navbar-brand" href="#">内蒙古自治区退役军人事务厅培训双创平台</a>
		    </div>
		
		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav">
		        <li><a href="#">首页 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">找工作 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">创业商机 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">专技培训 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">政策咨询 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">职业测评 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">军友圈 <span class="sr-only">(current)</span></a></li>
		      </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>
		<!--导航栏结束-->
	
		<!--搜索栏开始-->
		<div class="searsh">
			<div class="searshCenter">
				<div class="row">
				  <div class="col-lg-12">
				    <div class="input-group">
				      <div class="input-group-btn">
				        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">全部 <span class="caret"></span></button>
				        <ul class="dropdown-menu">
				          <li><a href="#">职位</a></li>
				          <li><a href="#">公司</a></li>
				        </ul>
				      </div><!-- /btn-group -->
				      <input type="text" class="form-control" aria-label="..." placeholder="请输入职位或公司">
				      <span class="input-group-addon glyphicon glyphicon-search"></span>
				    </div><!-- /input-group -->
				  	</div><!-- /.col-lg-6 -->
				  </div>
				  <!--热门搜索开始-->
				  <div class="heatSearsh">
				  	<h4>热门搜索:</h4>
				  	<a href="#">销售</a>
				  	<a href="#">科技</a>
				  	<a href="#">退伍军人</a>
				  	<a href="#">厨师</a>
				  	<a href="#">安全维护员</a>
				  	<a href="#">专职司机</a>
				  	<a href="#">蒙牛</a>
				  	<a href="#">伊利</a>
				  </div>
				  <!--热门搜索结束-->
			</div>
		</div>
		<!--搜索栏结束-->
		
		<!--信息筛选栏开始-->
		<div class="infoScreen">
			<!--城市选项卡开始-->
			<div class="place">
				<span class="title">地点：</span>
				<div class="info fl">
					<div>
						<select id="s_province" name="s_province"></select>  
			    	<select id="s_city" name="s_city"></select>  
			    	<select id="s_county" name="s_county"></select>
			   	</div>
				</div>
			</div>
			<!--城市选项卡结束-->
			<div class="monthly ">
				<span class="title">月薪：</span>
				<!--月薪选项开始-->
				<ul class="nav nav-pills" id="monthlyPay">
				  <li role="presentation"><a href="#">不限</a></li>
				  <li role="presentation"><a href="#">1k以下</a></li>
				  <li role="presentation"><a href="#">1k-2k</a></li>
				  <li role="presentation" class="active"><a href="#">2k-4k</a></li>
				  <li role="presentation"><a href="#">4k-6k</a></li>
				  <li role="presentation"><a href="#">6k-8k</a></li>
				  <li role="presentation"><a href="#">10k-15k</a></li>
				  <li role="presentation"><a href="#">15k-20k</a></li>
				  <li role="presentation"><a href="#">20k+</a></li>
				  
				</ul>
				<!--月薪选项结束-->
			</div>
			<div class="industry">
				<span class="title fl">行业： </span>
				<!--选择行业开始-->
				<div class="btn-group listTitle fl">
					  <div><input id="result1" value="退役军人特岗"/><span class="caret"></span></div>
					  <div><input id="result2" value="IT/通信/互联网"/><span class="caret"></span></div>
					  <div><input id="result3" value="商业服务"/><span class="caret"></span></div>
					  <div><input id="result4" value="贸易/批发/租赁"/><span class="caret"></span></div>
					  <div><input id="result5" value="服务业"/><span class="caret"></span></div>
					  <div><input id="result6" value="文化/传媒/娱乐"/><span class="caret"></span></div>
					  
					  <div><input id="result7" value="生产加工/制造"/><span class="caret"></span></div>
					  <div><input id="result8" value="交通运输/物流"/><span class="caret"></span></div>
					  <div><input id="result9" value="能源"/><span class="caret"></span></div>
					  <div><input id="result10" value="政府机构"/><span class="caret"></span></div>
					  <div><input id="result11" value="金融业"/><span class="caret"></span></div>
					  <div><input id="result12" value="其他↓"/><span class="caret"></span></div>
				</div>
		    <div id="positionDiv"></div>
    		<!-- 选择行业开始-->
				<!--选择行业结束-->
				<div class="yx clear" id="selected">
					
				</div>
			</div>
			<div class="other">
				<span class="title">其他：</span>
				<div class="btn-group">
				  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">工作经验 <span class="caret"></span></button>
				  <ul class="dropdown-menu">
				    <li><a href="#">不限</a></li>
				    <li><a href="#">在校生</a></li>
				    <li><a href="#">应届生</a></li>
				    <li><a href="#">1年</a></li>
				  </ul>
				</div>
				
				<div class="btn-group">
				  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">学历要求 <span class="caret"></span></button>
				  <ul class="dropdown-menu">
				    <li><a href="#">不限</a></li>
				    <li><a href="#">初中及以下</a></li>
				    <li><a href="#">中专/中职</a></li>
				    <li><a href="#">高中</a></li>
				    <li><a href="#">大专</a></li>
				    <li><a href="#">本科</a></li>
				    <li><a href="#">硕士</a></li>
				    <li><a href="#">博士</a></li>
				  </ul>
				</div>
				
				<div class="btn-group">
				  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">公司性质 <span class="caret"></span></button>
				  <ul class="dropdown-menu">
				    <li><a href="#">不限</a></li>
				    <li><a href="#">3k-</a></li>
				    <li><a href="#">3k-5k</a></li>
				    <li><a href="#">5k-10k</a></li>
				    <li><a href="#">10k-15k</a></li>
				    <li><a href="#">15k-20k</a></li>
				    <li><a href="#">20k-50k</a></li>
				    <li><a href="#">50k+</a></li>
				  </ul>
				</div>
				
				<div class="btn-group">
				  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">公司规模 <span class="caret"></span></button>
				  <ul class="dropdown-menu">
				    <li><a href="#">不限</a></li>
				    <li><a href="#">在校生</a></li>
				    <li><a href="#">应届生</a></li>
				    <li><a href="#">1年</a></li>
				  </ul>
				</div>
				
				<div class="btn-group">
				  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">福利待遇 <span class="caret"></span></button>
				  <ul class="dropdown-menu">
				    <li><a href="#">不限</a></li>
				    <li><a href="#">未融资</a></li>
				    <li><a href="#">天使轮</a></li>
				    <li><a href="#">A轮</a></li>
				    <li><a href="#">B轮</a></li>
				    <li><a href="#">C轮</a></li>
				    <li><a href="#">D轮</a></li>
				    <li><a href="#">已上市</a></li>
				  </ul>
				</div>
				
				<div class="btn-group">
				  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">工作类型 <span class="caret"></span></button>
				  <ul class="dropdown-menu">
				    <li><a href="#">不限</a></li>
				    <li><a href="#">在校生</a></li>
				    <li><a href="#">应届生</a></li>
				    <li><a href="#">1年</a></li>
				  </ul>
				</div>
				
				<button type="button" class="btn btn-primary fr">清除条件</button>
			</div>
			<div class="retract">收起↑</div>
		</div>
		<!--<div class="screenResult">
			已选条件：<div id="positionDiv"></div>
			
		</div>-->
		<!--信息筛选栏结束-->
	
		<!--内容列表开始-->
		<div class=" centerlist">
			<div class="qxList">
				<input  type="checkbox" name="keeperUserGroup-checkable"   class="group-checkable" data-set="#sample_1 .checkboxes" /><label>全选</label>
				<a href="#">批量申请</a><a href="#">批量收藏</a>
				<div class="btn-group fr">
				  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">工作经验 <span class="caret"></span></button>
				  <ul class="dropdown-menu">
				    <li><a href="#">不限</a></li>
				    <li><a href="#">在校生</a></li>
				    <li><a href="#">应届生</a></li>
				    <li><a href="#">1年</a></li>
				  </ul>
				</div>
				<span class="zw fr">共检索到个<a href="#">1000</a>相关职位</span>
			</div>
			
			<div class="mytab">
				<table data-toggle="table" id="workTable">
					<tbody>
						<tr>
							<td>
								<div class="leftBtn"><input type="checkbox" /><label></label></div>
								<div class="leftTitlte fl">
									<span class="leftTitleNav block vm">董事长兼职司机<img src="image/ysc.png" class="vm"/></span>
									<span class="salary">8K-10K</span>
									<span class="city ml20">呼和浩特</span>
									<span class="area ml5">新城区</span>
									<span class="education ml20">大专</span>
									<div class="leftWelfare">
										<span>五险一金</span>
										<span>带薪年假</span>
										<span>假日福利</span>
										<span>各类补助</span>
									</div>
								</div>
								
								<div class="rightBtn fr">
									<span>荣事达车业责任有限公司</span>
									<span  class="number"><i>上市公司</i>|<i>1000-9999人</i></span>
									<button class="btn btn-primary fr">立即申请</button>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="leftBtn"><input type="checkbox" /><label></label></div>
								<div class="leftTitlte fl">
									<span class="leftTitleNav block vm">荣事达车业责任有限公司<img src="image/wsc.png" class="vm"/></span>
									<span class="salary">8K-10K</span>
									<span class="city ml20">呼和浩特</span>
									<span class="area ml5">新城区</span>
									<span class="education ml20">大专</span>
									<div class="leftWelfare">
										<span>五险一金</span>
										<span>带薪年假</span>
										<span>假日福利</span>
										<span>各类补助</span>
									</div>
								</div>
								
								<div class="rightBtn fr">
									<span>荣事达车业责任有限公司</span>
									<span  class="number"><i>上市公司</i>|<i>1000-9999人</i></span>
									<button class="btn btn-primary fr">立即申请</button>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				
				<nav aria-label="Page navigation" class="page">
				  <ul class="pagination">
				    <li>
				      <a href="#" aria-label="Previous">
				        <span aria-hidden="true">上一页</span>
				      </a>
				    </li>
				    <li><a href="#">1</a></li>
				    <li><a href="#">2</a></li>
				    <li><a href="#">3</a></li>
				    <li><a href="#">4</a></li>
				    <li><a href="#">5</a></li>
				    <li>
				      <a href="#" aria-label="Next">
				        <span aria-hidden="true">下一页</span>
				      </a>
				    </li>
				  </ul>
				</nav>
			</div>
			
			
		</div>
		<!--内容列表结束-->

  
  

  

  
  <!--脚部开始-->
  <div class="footer">
  	版权所有&copy;联通系统集成内蒙古分公司
  </div>
  <!--脚部结束-->
  </body>
</html> 
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<!--城市选项卡开始-->
<script class="resources library" src="js/area.js" type="text/javascript"></script>
<script type="text/javascript">_init_area();</script>
<script type="text/javascript">
$(function(){
	$("#s_province").css("display","none")
	$("#s_province").val("内蒙古").trigger("change");
	$("#s_city").val("呼和浩特市").trigger("change");
	$("#s_county").val("新城区").trigger("change");
})
</script>
<!--城市选项卡结束-->

<!--职位选择开始-->
<script src="js/position.data.min.js" type="text/javascript"></script>
<script src="js/jquery.position.select.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function () {
    for(var i=0;i<$(".listTitle > div").length;i++){
    	$("#result"+i).bind("click", function () {
	      $("#result"+i).positionSelect({
	        containerId: "positionDiv",
	        selected:"selected",
	        className: "big-window",
	        nameId: "result"
	      });
	    });
    }
  });

</script>
<!--职位选择结束-->

<!--月薪选择开始-->
<script>
$(function (){
	$("#monthlyPay>li").click(function(){
    $("#monthlyPay>li").removeClass('active');
    $(this).addClass("active")
    console.log($(this)) 
  })
})
</script>
<!--月薪选择结束-->

<!--列表页数据开始-->
<script src="js/bootstrap-table.min.js" type="text/javascript"></script>
<script>
$(function(){
$('#workTable').bootstrapTable({
    striped: true,          // 显示条纹表格
    pagination: true,       // 显示表格分页组件
    pageList: [1, 3, 5],    // 设置每页显示数据条数框
    pageSize: 3,            // 页面默认每页显示数据条数
    pageNumber: 1,          // 设置首页页码
    //columns
    columns: [{
        field: 'id',
        title: '编 号'
    }, {
        field: 'username',
        title: '用 户'
    }, {
        field: 'description',
        title: '角 色'
    }, {
        field: 'task',
        title: '描 述'
    }, {
        field: 'user',
        title: '员 工'
    }, {
        field: 'operate',
        title: '操作',
        formatter: btnGroup,    // 自定义方法，添加按钮组
        events: {               // 注册按钮组事件
            'click #modRole': function (event, value, row, index) {
                showUser(row.id, row.username)
            },
            'click #modUser': function (event, value, row, index) {
                showInfo(row.id, row.username, row.user)
            },
            'click #delUser': function (event, value, row, index) {
                showUsername(row.id, row.username)
            }
        }
    }]
});
function btnGroup () {   // 自定义方法，添加操作按钮
    // data-target="xxx" 为点击按钮弹出指定名字的模态框
    let html =
        '<a href="####" class="btn btn-info" id="modRole" data-toggle="modal" data-target="#editrole" title="修改权限">' +
        '<span class="glyphicon glyphicon-edit"></span></a>' +
        '<a href="####" class="btn btn-warning" id="modUser" data-toggle="modal" data-target="#editinfo" ' +
        'style="margin-left:15px" title="修改用户">' +
        '<span class="glyphicon glyphicon-info-sign"></span></a>' +
        '<a href="####" class="btn btn-danger" id="delUser" data-toggle="modal" data-target="#deleteuser" ' +
        'style="margin-left:15px" title="删除用户">' +
        '<span class="glyphicon glyphicon-trash"></span></a>'
    return html
};

// 以下内容为触发一定条件来刷新Bootstrap Table数据，核心为
// $("#workTable").bootstrapTable('load', data);
$('#rolelist li').on('click', function () {
    let count=$(this).index()
    let rolecontent=$('#rolelist li').eq(count).text()
    $('#current_role').text(rolecontent)
    let deliver_id = $(this).attr('data-roleid')
    $.ajax({
        type: 'POST',
        url: '/user/refresh',
        async: false,
        data: {
            role: deliver_id
        },
        success: function (data) {
            console.log(data)
            $("#workTable").bootstrapTable('load', data)  // 根据Json动态加载Table
        }
    })
});



}); 
</script>
<!--列表页数据结束-->
